﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="first4.aspx.cs" Inherits="Page_example_first4" %>








<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no" />
		<title>新增就诊人</title>
		<link rel="stylesheet" type="text/css" href="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/css/reset.css">
        <link rel="stylesheet" type="text/css" href="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/css/ylt_common.css"/>
        <style type="text/css">
        	body{background-color: #fff;}
        	.mr_jzr .mr_hook{background: url(../../css/images/gouxuan2@2x.png) no-repeat; background-position: 50% 50%;}
            .mr_jzr .mr_checkbox:checked+b{background: url(../../css/images/icon_gouxuan@2x.png) no-repeat; background-position: 50% 50%;}
        </style>
	</head>
	<body>
		<form name="patient_add_form" action="http://wx.witontek.com:80/eHospital/weixin/patientsWx_add.action" method="post">
			<input name="scheduleId" id="scheduleId" value=""
				  type="hidden" />
			<input name="subType" id="subType" value="0"
			  type="hidden" />
			<input name="departmentId" id="departmentId" value="17b7b01d484b4794870fc2765bc7d56b"
			  type="hidden" />
			<input name="doctorId" id="doctorId" value="ee9f0f58c71f4ddb849199ff807dc082"
			  type="hidden" />
			 <input name="checkedtime" id="checkedtime" value="2017-02-10"
			  type="hidden" />
			<ul class="xz_jzr">
				<li class="f-flex f-alignC">
					<i class="f_red">*</i>
					<img class="xz_icon xz_blur" src="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/css/images/icon_xingming2@2x.png"/>
					<img class="xz_icon xz_focus" style="display: none;" src="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/css/images/icon_xingming@2x.png"/>
					<span class="xz_tit">姓名:</span>
					<input type="text" class="xz_vl" name="patients.realName" id="jzr_name" value="" placeholder="请填写就诊人姓名"/>
				</li>
				<li class="f-flex f-alignC">
					<i class="f_red">*</i>
					<img class="xz_icon xz_blur" src="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/css/images/icon_shenfenzheng2@2x.png"/>
					<img class="xz_icon xz_focus" style="display: none;" src="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/css/images/icon_shenfenzheng@2x.png"/>
					<span class="xz_tit">身份证:</span>
					<input type="text" class="xz_vl" name="patients.idCard" id="jzr_id" value="" placeholder="请填写就诊人身份证号"/>
					<a class="xz_abs_icon">
						<img src="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/css/images/icon_saoyisao1@2x.png"/>
					</a>
				</li>
				
					<li class="f-flex f-alignC">
						<i class="f_red">*</i>
						<img class="xz_icon xz_blur" src="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/css/images/icon_jiuzhenka2@2x.png"/>
						<img class="xz_icon xz_focus" style="display: none;" src="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/css/images/icon_jiuzhenka@2x.png"/>
						<span class="xz_tit">就诊卡:</span>
						<input type="text" class="xz_vl" name="patients.patientCard" id="jzr_card" value="" placeholder="请填写就诊人卡号"/>
						<a class="xz_abs_icon">
							<img src="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/css/images/icon_saoyisao1@2x.png"/>
						</a>
					</li>
				
				<li class="f-flex f-alignC">
					<i class="f_red">*</i>
					<img class="xz_icon xz_blur" src="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/css/images/icon_shoujihao2@2x.png"/>
					<img class="xz_icon xz_focus" style="display: none;" src="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/css/images/icon_shoujihao@2x.png"/>
					<span class="xz_tit">手机号:</span>
					<input type="text" class="xz_vl" name="patients.phone" id="jzr_phone" value="" placeholder="请填写就诊人手机号"/>
				</li>
			</ul>
			
			<p class="mr_tips">
				请您填写真实信息，以免影响您就诊
			</p>
			<div class="xz_bth">
				<button type="submit" id="add_jzr" class="u-btn u-btn-green u-btn-lg">添加就诊人</button>
			</div>
			
				<div class="xz_nocard">
					<p class="f_red">若没有就诊卡号?</p>
					
						<p class="no_card_tips">
							您再也不用担心啦，医院已提供<a href="#" class="f_green">在线建卡</a>功能，建卡后提供虚拟就诊卡号，您照样轻松预约挂号。首次就诊即可凭借虚拟就诊卡号领取实体卡哦~
						</p>
					
					
				</div>
				
					<div class="xz_bth" style="padding-top: 5%;">
					  <a href="http://wx.witontek.com:80/eHospital/page_mobile/personal/patient/patientAddCard.jsp?departmentId=17b7b01d484b4794870fc2765bc7d56b&doctorId=ee9f0f58c71f4ddb849199ff807dc082&checkedtime=2017-02-10&scheduleId=&subType=0" id="addCard_online" class="u-btn u-btn-gray u-btn-lg">在线建卡</a>
					</div>
				
			
		</form>
		<div id="errormsgs" class="errormsgs"
				style="padding:10px; color:red; font-weight:bold;
					 display:none;">
				&nbsp;</div>
		﻿

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no" />
        <style type="text/css">
			#footclass2{
				width: 100%;margin-left: auto;margin-right: auto;padding:10px 0 5px;bottom: 3px;
			}
			#footclass2>p{display: inline-block; width: 100%;color: #989898; text-align: center;  font-size: 14px; font-family: "microsoft yahei"}
        </style>
	</head>
	<body>
		
		
		
		
		<footer id="footclass2">
			<p>技术支持：睿博科技</p>
		</footer>
		

		<script type="text/javascript">
			
			
			
			function toFixFoot(){
				
			    var footEnd = document.getElementById("footclass2");
			    	footEnd.style.position = 'static';
//			    _window=window.screen.height;

			    var clientH = document.documentElement.clientHeight;
			    var bodyH = document.getElementsByTagName('body')[0].offsetHeight;
//			   alert('clientH'+clientH)
//			   alert('bodyH'+bodyH)
			   if(bodyH<=clientH){ //如果body高度小于视口高度,则页脚绝对定位
			    	footEnd.style.position = 'fixed';
			    	footEnd.style.bottom = '0px';
			    	
			    }else{
			    	footEnd.style.position = 'static';
			    	
			    	
			    }
			};
			
			window.onload = function(){
				toFixFoot();
			};
			
			window.onresize = function(){
//				toFixFoot();
				setTimeout(toFixFoot,100)
			};
			
			window.onclick=function(){
				toFixFoot();
			}
			
		</script>
	</body>
</html>
	</body>
	<script src="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/js/jquery-1.10.2.min.js"></script>
	<script src="http://wx.witontek.com:80/eHospital/page_mobile/assets/js/YLT.mobile.public.js"></script>
	<script src="http://wx.witontek.com:80/eHospital/page_mobile/assets/js/YLT.mobile.autoMsg.js"></script>
	<script type="text/javascript">
		$('.xz_vl').each(function(i,e){
			$(e).blur(function(){
				$(this).siblings('.xz_focus').hide();
				$(this).siblings('.xz_blur').show();
			});
			$(e).focus(function(){
				$(this).siblings('.xz_focus').show();
				$(this).siblings('.xz_blur').hide();
			});
		});
		$('#add_jzr').click(function(){
			var patCard = 'false';
			var noCard='true';
			if($('#jzr_name').val() == ''){
				msg = '请填写就诊人姓名!';
				flag= false;
			}else if($('#jzr_id').val() == ''){
				msg = '请填写就诊人身份证号!';
				flag= false;
			}else if(!((/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/).test($
					.trim($('#jzr_id').val())))) {
				flag = false;
				msg = '身份证号格式不正确';
			}else if($('#jzr_card').val() == '' && noCard=='true'){
				msg = '请填写就诊人就诊卡!';
				flag= false;
			}else if (!((/^(0|86|17951)?(13[0-9]|15[012356789]|17[013678]|18[0-9]|14[57])[0-9]{8}$/)
					.test($.trim($('#jzr_phone').val())))) {
				flag = false;
				msg = '请填写有效的手机号';
			}else{
				flag= true;
			}
			if (!flag)new YLT.mobile.autoMsg({'msg' : msg});
			return flag;
		});
	</script>
</html>

